<!DOCTYPE html>
<html lang="ja">
<head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=320, height=480">
    
    <title>ログイン</title>
    <link rel="stylesheet" href="../css/common.css" />
    <script type="text/javascript" src="../js/common.js"></script>
    <script type="text/javascript">
    
    var id = "";
    var password = "";
    
    function login() {
    	// 入力フィールドから値を取得
        id = document.getElementById("user_id").value;
        password = document.getElementById("user_password").value;

        // 未入力チェック
		if (id == "") {
			window.alert("IDを入力してください。");
		} else if (password == "") {
			window.alert("パスワードを入力してください。");
		} else {
	        // パラメータ生成
	        var param = {"id":id, "password":password};

	        // リクエスト送信
	        sendRequest("tmapp/gate/login", param);
        }
    }
    
    function callback(request) {
       	var json = eval( '(' + request.responseText + ')' );	// JSONを配列に変換
       	var data = json["success"];
   		
       	if (data == true) {
      		// 認証成功
      		
      		// ユーザ情報をセッションに保存
      		sessionStorage.setItem("LOGIN_ID", id);
      		
      		// ユーザー名をセッションに保存
      		sessionStorage.setItem("USER_NAME", json["data"]["userName"]);
      		
      		// メニュー画面へ遷移
      		goMenu();
       	} else {
      		// 認証失敗
      		window.alert("IDまたはパスワードが正しくありません。");
       	}
    }
    </script>
</head>

<body>
    <header>
    	<table class="loginTitleLine">
    		<tr>
    			<td class="title">ご近所シェアリングサービス</td>
    		</tr>
    	</table>
    </header>

	<article>
		<div class="vSpaceLogin1"></div>

    	<div class="login">
			<p class="loginTitle">ID</p>
			<p class="vSpaceLogin2"></p>
			<table><tr><input type="text" id="user_id" class="loginValue"></td></tr></table>
			<p class="vSpaceLogin3"></p>
			
			<p class="loginTitle">パスワード</p>
			<p class="vSpaceLogin2"></p>
			<table><tr><input type="password" id="user_password" class="loginValue"></td></tr></table>
			<p class="vSpaceLogin4"></p>

			<input type="button" class="loginBtn" value="ログイン" onclick="login()">
		</div>
	</article>
</body>
</html>